<!--
    文档声明,处于整个页面的最上方。即:第一行
    用于标识当前页面的HTML版本
    告诉浏览器,当前html文件是使用的哪一个HTML标准编写的,此处使用的是HTML5
-->
<!DOCTYPE html>
<!--
    所有html文件中的根标签
    每一个HTML文件中有且仅有一个根标签html
    根标签由一对标签所组成<开始标签>xxx</结束标签>
    并且在html中的所有内容必须处于根标签之内
    每一个html标签都有两个合法的子标签:head和body
-->
<html>
<!--
    头标签,一个html文档中有且仅有一个头标签
    主要为页面提供一些不需要展示的信息
-->
<head>
    <!-- 指定标签页的标题内容 -->
    <title>第一个HTML页面</title>
    <!--
        meta:元数据标签,为页面设置一些功能信息
        常见元数据
            1.字符集,charset="指定字符集"
            2.关键字,name="keywords" content="内容"
            3.描述信息,name="description" content="内容"
            4.作者信息,name="author" content="内容"
    -->
    <!-- 指定字符集 -->
    <meta charset="utf-8">
    <meta name="keywords" content="Java,web,软件开发,计算机科学与技术">
    <meta name="description" content="这是我们的第一个HTML页面">
    <meta name="author" content="石小俊">
</head>
<!--
    body:正文标签
    所有html页面中的内容全部在body中编写
    在html中提供了许多预定义的标签,拥有各自特有的功能
    大部分存在特定作用的标签都在body中使用
    在HTML中,对于标签主要分为两种标签
    1.标签是成对出现的:<开始标签>标签体内容</结束标签>
        这种标签主要用于对标签体内容设置一些特定的效果
    2.空标签:<标签名>,这种标签没有结束标签,因此其不存在标签体内容
        这种标签不对文本内容生效,而是本身存在一些特定的功能
        例如:
            br:换行
            hr:在页面中绘制一条水平线
-->
<body>
    <h1>这是正文标题</h1>
    <font color="red">这是文本</font>
    <br>
    Hello
    hr
    World
    <hr>
    <!--
        第二种分类方式:根据标签是否独占一行进行分类
        1.块级标签:该标签独占一行,不与其他标签处于同一行
        2.行级标签:该标签不独占一行,可以与其他标签处于同一行
    -->
    <h1>这是标题</h1>
    <h1>这是标题</h1>
    <font color="red">这是文本</font>
    <font color="red">这是文本</font>
</body>
</html>
